<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <script>

    // 作用域分为全局作用域和局部作用域，
    // 全局作用域：在script标签声明的变量和在js脚本里声明的变量，在整个脚本中都可以访问的变量
    // 局部作用域：在函数内声明的变量，在函数内部可以访问的变量
    // 全局变量
    let a = 10
    console.log(a);
    function test() {
      // 局部变量
      let a = 100;
      console.log(a);
    }
    test()
    console.log(a);

  </script>
</body>

</html>